<?xml version="1.0" encoding="UTF-8"?>
<jsp:root version="1.2" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:jsp="http://java.sun.com/JSP/Page" xmlns:ui="http://www.sun.com/web/ui">
    <jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>
    <f:view>
        <ui:page binding="#{crearDisenoListaChequeo.page1}" id="page1">
            <ui:html binding="#{crearDisenoListaChequeo.html1}" id="html1">
                <ui:head binding="#{crearDisenoListaChequeo.head1}" id="head1">
                    <ui:link binding="#{crearDisenoListaChequeo.link1}" id="link1" url="/resources/stylesheet.css"/>
                </ui:head>
                <ui:body binding="#{crearDisenoListaChequeo.body1}" id="body1" style="-rave-layout: grid">
                    <ui:form binding="#{crearDisenoListaChequeo.form1}" id="form1" virtualFormsConfig="">
                        <ui:hiddenField binding="#{crearDisenoListaChequeo.primeraCargadaHD}" id="primeraCargadaHD"/>
                        <h:panelGrid binding="#{crearDisenoListaChequeo.contenedorTotalPanelGrid}" columns="1" id="contenedorTotalPanelGrid" style="left: 72px; top: 96px; position: absolute">
                            <ui:button action="#{crearDisenoListaChequeo.botonCerrar_action}" binding="#{crearDisenoListaChequeo.botonCerrar}" id="botonCerrar"
                                mini="true" primary="true" style="width: 71px" text="Cerrar"/>
                            <h:panelGrid binding="#{crearDisenoListaChequeo.gridPanelTituloYAlert}" columns="2" id="gridPanelTituloYAlert">
                                <ui:staticText binding="#{crearDisenoListaChequeo.titulo1}" id="titulo1"
                                    style="color: rgb(108, 154, 154); font-family: 'Times New Roman','Times',serif; font-size: 18px" text="Diseño de lista de chequeo"/>
                                <ui:alert binding="#{crearDisenoListaChequeo.alert1}" id="alert1"/>
                            </h:panelGrid>
                            <h:panelGrid binding="#{crearDisenoListaChequeo.gridPanelParaDropDowns}" columns="2" id="gridPanelParaDropDowns">
                                <ui:label binding="#{crearDisenoListaChequeo.productoLabel}" id="productoLabel" text="Producto"/>
                                <ui:dropDown binding="#{crearDisenoListaChequeo.productoDropDown}" id="productoDropDown"
                                    items="#{crearDisenoListaChequeo.productoDataProvider.options['CDGOPRDCTO,DSCRPCION']}"
                                    onChange="common_timeoutSubmitForm(this.form, 'gridPanelParaDropDowns:productoDropDown');"
                                    style="font-size: 10px; width: 192px" valueChangeListener="#{crearDisenoListaChequeo.productoDropDown_processValueChange}"/>
                                <ui:label binding="#{crearDisenoListaChequeo.sublineaLabel}" id="sublineaLabel" text="Sublinea"/>
                                <ui:dropDown binding="#{crearDisenoListaChequeo.sublineaDropDown}" id="sublineaDropDown"
                                    items="#{crearDisenoListaChequeo.sublineaDataProvider.options['CDGOSBLNEA,DSCRPCIONSBLNEA']}"
                                    onChange="common_timeoutSubmitForm(this.form, 'gridPanelParaDropDowns:sublineaDropDown');"
                                    style="font-size: 10px; width: 192px" valueChangeListener="#{crearDisenoListaChequeo.sublineaDropDown_processValueChange}"/>
                                <ui:label binding="#{crearDisenoListaChequeo.tipoSolLabel}" id="tipoSolLabel" text="Tipo solicitud"/>
                                <ui:dropDown binding="#{crearDisenoListaChequeo.tipoSolDropDown}" id="tipoSolDropDown"
                                    items="#{crearDisenoListaChequeo.tipoSolDataProvider.options['CDGOTPOSLCTUD,DSCRPCIONTPOSLCTUD']}"
                                    onChange="common_timeoutSubmitForm(this.form, 'gridPanelParaDropDowns:tipoSolDropDown');"
                                    style="font-size: 10px; width: 192px" valueChangeListener="#{crearDisenoListaChequeo.tipoSolDropDown_processValueChange}"/>
                            </h:panelGrid>
                            <ui:label binding="#{crearDisenoListaChequeo.notaLabel}" id="notaLabel" text="NOTA:  El orden de despliegue para los documentos sera el mismo como se ve en la tabla"/>
                            <ui:panelGroup binding="#{crearDisenoListaChequeo.groupPanelParaBotones}" id="groupPanelParaBotones">
                                <ui:button action="#{crearDisenoListaChequeo.botonComenzar_action}" binding="#{crearDisenoListaChequeo.botonComenzar}"
                                    id="botonComenzar" mini="true" primary="true" style="width: 71px" text="Comenzar"/>
                                <ui:button action="#{crearDisenoListaChequeo.botonAgregar_action}" binding="#{crearDisenoListaChequeo.botonAgregar}"
                                    id="botonAgregar" mini="true" primary="true" style="width: 72px" text="Agregar"/>
                                <ui:button action="#{crearDisenoListaChequeo.botonTerminar_action}" binding="#{crearDisenoListaChequeo.botonTerminar}"
                                    id="botonTerminar" mini="true" primary="true" style="width: 72px" text="Terminar"/>
                            </ui:panelGroup>
                            <h:panelGrid binding="#{crearDisenoListaChequeo.gridPanelNombreDocumento}" columns="3" id="gridPanelNombreDocumento">
                                <ui:label binding="#{crearDisenoListaChequeo.documentoReqLabel}" id="documentoReqLabel" requiredIndicator="true" text="Nombre del documento"/>
                                <ui:textField binding="#{crearDisenoListaChequeo.documentoReqTextField}" id="documentoReqTextField" maxLength="100"
                                    onClick="if (window.event.keyCode == 13){document.getElementById(&quot;form1:botonAgregar&quot;).onClick();}"
                                    style="width: 168px" valueChangeListener="#{crearDisenoListaChequeo.documentoReqTextField_processValueChange}"/>
                            </h:panelGrid>
                            <ui:table binding="#{crearDisenoListaChequeo.tablaDocumentos}" id="tablaDocumentos" lite="true" paginateButton="true"
                                paginationControls="true" sortPanelToggleButton="true" style="width: 360px" title="Tabla">
                                <script><![CDATA[
/* ----- Functions for Table Preferences Panel ----- */
/*
 * Toggle the table preferences panel open or closed
 */
function togglePreferencesPanel() {
  var table = document.getElementById("form1:table1");
  table.toggleTblePreferencesPanel();
}
/* ----- Functions for Filter Panel ----- */
/*
 * Return true if the filter menu has actually changed,
 * so the corresponding event should be allowed to continue.
 */
function filterMenuChanged() {
  var table = document.getElementById("form1:table1");
  return table.filterMenuChanged();
}
/*
 * Toggle the custom filter panel (if any) open or closed.
 */
function toggleFilterPanel() {
  var table = document.getElementById("form1:table1");
  return table.toggleTableFilterPanel();
}
/* ----- Functions for Table Actions ----- */
/*
 * Initialize all rows of the table when the state
 * of selected rows changes.
 */
function initAllRows() {
  var table = document.getElementById("form1:table1");
  table.initAllRows();
}
/*
 * Set the selected state for the given row groups
 * displayed in the table.  This functionality requires
 * the 'selectId' of the tableColumn to be set.
 *
 * @param rowGroupId HTML element id of the tableRowGroup component
 * @param selected Flag indicating whether components should be selected
 */
function selectGroupRows(rowGroupId, selected) {
  var table = document.getElementById("form1:table1");
  table.selectGroupRows(rowGroupId, selected);
}
/*
 * Disable all table actions if no rows have been selected.
 */
function disableActions() {
  // Determine whether any rows are currently selected
  var table = document.getElementById("form1:table1");
  var disabled = (table.getAllSelectedRowsCount() > 0) ? false : true;
  // Set disabled state for top actions
  document.getElementById("form1:table1:tableActionsTop:deleteTop").setDisabled(disabled);
  // Set disabled state for bottom actions
  document.getElementById("form1:table1:tableActionsBottom:deleteBottom").setDisabled(disabled);
}]]></script>
                                <ui:tableRowGroup binding="#{crearDisenoListaChequeo.tableRowGroup1}" id="tableRowGroup1" rows="10"
                                    sourceData="#{crearDisenoListaChequeo.sct0047DataProvider}" sourceVar="currentRow">
                                    <ui:tableColumn binding="#{crearDisenoListaChequeo.tableColumn1}" headerText="Documento" id="tableColumn1" sort="SCT0047.NMBREDCMNTOSLCTDO">
                                        <ui:staticText binding="#{crearDisenoListaChequeo.staticText1}" id="staticText1" style="font-size: 10px" text="#{currentRow.value['SCT0047.NMBREDCMNTOSLCTDO']}"/>
                                    </ui:tableColumn>
                                    <ui:tableColumn align="center" binding="#{crearDisenoListaChequeo.tableColumn2}" id="tableColumn2">
                                        <ui:button action="#{crearDisenoListaChequeo.botonEliminar_action}" binding="#{crearDisenoListaChequeo.botonEliminar}"
                                            id="botonEliminar" imageURL="/resources/cancel.gif" text="texto"/>
                                    </ui:tableColumn>
                                </ui:tableRowGroup>
                                <!-- Actions (Top) -->
                                <f:facet name="actionsTop"/>
                            </ui:table>
                        </h:panelGrid>
                        <div style="left: 0px; top: -24px; position: absolute">
                            <jsp:include page="encab1.jspf"/>
                        </div>
                    </ui:form>
                </ui:body>
            </ui:html>
        </ui:page>
    </f:view>
</jsp:root>
